Moved

For those interested I have moved the blog to our main site, now located at Able Net Design Blog

WebFast CMS version 2.0
Gain control of your website NOW!.

CSS Div Tables

Since I now strive and insist that we develop in the latest css and xhtml standards, I came across an issue I wasn't sure how to handle.

It started when I was developing the now uploaded new Added Tech website. Being a drainage company specialising in strom water drains and things like that, there were a considerable amount of test data that needed to be displayed. Now back in the day I would have just insterted in into a table and of we go.

So anyway I put the information in a standard html table but the code just didn't look right. The table tags almost made the code look square so the nice clean feeling was suddenly destroyed. That is when I went in search of a solution.

This is what I came up with, this example has only two columns, but on the same site I have successfully ported it to a ten column table.

div

#table {width: 100%; margin: 0; padding:0;}
div#leftcell {display: td; margin: 0; padding: 2px; width: 18%; float: left; font-weight: bold;}
div#rightcell {display: td; margin: 0; padding: 2px; width: 81%; float: left; clear: right;}

The first line emulates the <table> tag. So there is nothing to special about that. To make each div display as a table cell we needed to set display:td; for those that have become familiar with <td> you would have noticed the similarity. The only difference is of course there is no <tr> or table row tag. Instead the last cell (in this case rightcell) we set clear:right; which then makes anything after that appear underneath hence emulating <tr>.

Lets have a look at the xhtml code:

<div id="table">

<div id="leftcell"><p>First Row Left Cell Text</p></div>
<div id="rightcell"><p>Right Cell Text</p></div>

<div id="leftcell"><p>Second Row Left Cell Text</p></div>
<div id="rightcell"><p>Right Cell Text</p></div>

</div>

This is just a simple two row two column design but you can see that changing certain attributes in the css you can create a more advance form.

That is basically the new form of xhtml and css tables. Nice, clean, so what more could you want.

Tags: Content Management System, CMS, PHP, MySQL, Able Net Design, Web Design, Web-Design, CSS, XHTML, Webdesign, CSS, Press Release, PR, Sphere, seo, online marketing, search engine optimisation, search engine optimization, WebTrends, author, tour, web2.0, web 2.0, Ruby On Rails, ruby-on-rails

WebFast CMS version 2.0
Gain control of your website NOW!.

Completely Mobile

With the arriaval of this wireless solution I have been focusing on the redevelopment of the Able Net Design website.

Of course it will be built in that all important web 2.0 style. So at the moment to keep with the web 2.0 culture I am playing around with some AJAX functionality.
Work will also start to take serious form for my top secret website that I am developing. The main template has been created so it is just a matter of developing the code and functionality.

Simplified Success for those that don't know is the book I am writing at the moment about how to run a successful website. Of course I can't go into every aspect but I can provide some valuable information. Well the update on the book is that it is almost complete. So very shortly you will be able to purchase it.

On that note I have to go. So many blogs to update.

Tags: Content Management System, CMS, PHP, MySQL, Able Net Design, Web Design, Web-Design, CSS, XHTML, Webdesign, CSS, Press Release, PR, Sphere, seo, online marketing, search engine optimisation, search engine optimization, WebTrends, author, tour, web2.0, web 2.0, Ruby On Rails, ruby-on-rails, curveycorners

WebFast CMS version 2.0
Gain control of your website NOW!.

A metaphoric discovery

The discovery of this metaphor could is probably the best way to explain how SEO tips get out.

The Internet is like the Australian Bush. SEO tips and techniques spread like wild fire.

There is more to this but you will need to wait until the release of my book to get the full metaphor.

WebFast CMS version 2.0
Gain control of your website NOW!.

Online

My new server which I now offer unlimited hosting accounts, has started to runs it's first websites. By tomorrow I hope to have all the websites transferred which will make life alot easier.

Other websites have been coming online in the last few days so all in all it has been a very busy time.

I have also spent a lot of time researching web 2.0 of course. Layouts and designs for these types of websites have changed so much that I feel the more I know the better I can inform my clients.

Tags: Content Management System, CMS, PHP, MySQL, Able Net Design, Web Design, Web-Design, CSS, XHTML, Webdesign, CSS, Press Release, PR, Sphere, seo, online marketing, search engine optimisation, search engine optimization, WebTrends, author, tour, web2.0, web 2.0, Ruby On Rails, ruby-on-rails

WebFast CMS version 2.0
Gain control of your website NOW!.

Domain finally up

ablenetdesign-hosting.com is finally up and running.

Which means I have to build a quick website for it. Of course it will be web 2.0 in style. That is something I will work on tonight.

So stay tuned.

WebFast CMS version 2.0
Gain control of your website NOW!.

New Client

Thats right I picked up another new client today for the CMS. I will be starting on that account with in the next day or so.

I am still waiting to be able to change the DNS on my new domain. I am hopeing I can get all of that setup by tomorrow so hopefully on Monday by the latest I can start to transfer all my hosting accounts to the new server.

As far as my top secret application is going. Well the designs and layouts have begun. These need to be finished first then Ruby On Rails programming can start. The layouts should be complete by this weekend.

Tags: Content Management System, CMS, PHP, MySQL, Able Net Design, Web Design, Web-Design, CSS, XHTML, Webdesign, CSS, Press Release, PR, Sphere, seo, online marketing, search engine optimisation, search engine optimization, WebTrends, author, tour, web2.0, web 2.0, Ruby On Rails, ruby-on-rails

WebFast CMS version 2.0
Gain control of your website NOW!.

Rounded Divs

I like most other designers have played with images as backgrounds to make divs rounded. To me it always seemed like a lot of work and codeing. And once you got into a bit of a layered design with nested divs you started to run into all sorts of problems.

I think I new there had to be another way when I was updateing a new clients site which had rounded divs yet the designer before me didn't think of indenting the code. As you could imagine it was a mess.

JavaScript was my answer.

I came across a few but I tend to use scripts when their developers take the time to build a quality website. So the one I came up with is CurveyCorners.

There site looked good, they had examples and an active forum which all helps if you get stuck. So I downloaded the latest version and setout to implement it into my top secret application.

The first rounded div was a cinch, then me wanting more I started to play with multiple rounded divs. This started to cause a problem. However it was my fault. Let's just say there were some spelling errors in the code which I wrote.

WebFast CMS version 2.0
Gain control of your website NOW!.